<template>
    <div class="customer-detail">
        <a-modal width="900px" :visible="visible" :title="modalOption.title" class="yuan-modal customer-detail-modal"
            @cancel="modalOption.onCancel">
            <a-spin tip="Loading..." :spinning="formLoading">
                <a-form-model layout="inline" class="yuan-form" ref="form" :model="formData"
                    :label-col="{ style: { width: '100px' } }" :wrapper-col="{ style: { width: 'calc(100% - 120px)' } }">
                    <div class="form-panel">
                        <div class="form-panel-box yuan-form-col5">
                            <a-form-model-item class="yuan-form-item" label="客户名称">
                                <span class="yuan-form-show">{{ formData.number }}123</span>
                            </a-form-model-item>
                            <a-form-model-item class="yuan-form-item" label="详细地址">
                                <span class="yuan-form-show">{{ formData.number }}123</span>
                            </a-form-model-item>
                            <a-form-model-item class="yuan-form-item" label="联系方式">
                                <span class="yuan-form-show">{{ formData.number }}123</span>
                            </a-form-model-item>
                            <a-form-model-item class="yuan-form-item" label="联系人">
                                <span class="yuan-form-show">{{ formData.number }}123</span>
                            </a-form-model-item>

                        </div>
                    </div>
                </a-form-model>
            </a-spin>
            <template slot="footer">
                <a-button type="primary" @click="modalOption.onCancel">
                    关闭
                </a-button>
            </template>
        </a-modal>
    </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import nextApi, { ProListRes } from "@/api/nextApi";
import Upload from '@/components/upload.vue';
import { h } from 'vue'
@Component({
    name: 'ProductAdd',
    components: { Upload }
})
export default class extends Vue {
    @Prop({ default: false }) visible!: boolean
    @Prop({ default: '' }) infoId!: string
    formLoading = false
    modalOption = {
        title: '客户详情',
        onCancel: this.closeModal

    }
    formData: any = {}
    async mounted() {

    }
    closeModal() {
        this.$emit('closeModal')
    }
}

</script>

